<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="control.css">
        <meta charset="utf-8">
        <script src="kinetic-v4.0.5.js"></script>
        <script src="communication.js"></script>
        <script src="interface.js"></script>
    </head>
    <body>
        <div id="video_container">
            <img id="video1" src="/video" alt="Webcam feed">
        </div>
        <div id="control_area">
            <button onclick="switch_control()" id="cambutton">Camera</button>
            <button onclick="reset_camera()" id="camreset">Reset camera</button>
            <div id="control_pad"></div>
        </div>
        <div id="data_area">
            <div id="logscreen">
                <ol id="loglist">
                </ol>
            </div>
            <div id="sensors">
                <table>
                    <tr>
                        <th id="sensor_acc_name">Acceleration</th>
                        <td id="sensor_acc_data">0,0,0</td>
                    </tr>
                    <tr>
                        <th id="sensor_mag_name">Compass</th>
                        <td id="sensor_mag_data">0,0,0</td>
                    </tr>
					<tr>
                        <th id="sensor_spec_name">Spectrum</th>
                        <td id="sensor_spec_data">0,0,0,0</td>
                    </tr>
					<tr>
                        <th id="sensor_hum_name">Humidity</th>
                        <td id="sensor_hum_data">0</td>
                    </tr>
					<tr>
                        <th id="sensor_temp_name">Temperature</th>
                        <td id="sensor_temp_data">0</td>
                    </tr>
					<tr>
                        <th id="sensor_solar_name">Solar panel</th>
                        <td id="sensor_solar_data">0</td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="language_controls">
            <button onclick="setLanguage('fi');">Suomi</button>
            <button onclick="setLanguage('en');">English</button>
        </div>
        <div id="bigmsg"></div>
    </body>
</html>
